//通用弹窗
$('.comsure').on('click',function(){
    $('.com').hide()
})

// 预约成功关闭
$('.sure').on('click',function(){
    $('.suc').hide()
})

function GetQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]);
    return null;
} 

var show_num = [];
draw(show_num);
$("#code").on('click',function(){
    draw(show_num);
})

var mobile = GetQueryString("mobile");
var id = GetQueryString("id");
var game = GetQueryString("game");
var city = GetQueryString("city");

if(mobile){
    $('#phone').val(mobile);
}

 //AES-128-CBC加密模式，key需要为16位，key和iv可以一样
 function encrypt(data) {
    var key  = CryptoJS.enc.Latin1.parse('dufy20170329java');
    var iv   = CryptoJS.enc.Latin1.parse('dufy20170329java');
    return CryptoJS.AES.encrypt(data, key, {iv:iv,mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.ZeroPadding});
}

$('.yueNow').on('click',function(){
    var phone = $('#phone').val();
    var userName = $('#name').val();
    var sex = $("input[name='sex']:checked").val();
    var codeVal = $('#codeVal').val().toLowerCase();
    var num = show_num.join("");
    if(/^(0|86|17951)?(13[0-9]|15[012356789]|166|17[3678]|18[0-9]|14[57])[0-9]{8}$/.test(phone)){
        if(codeVal == ''){
            $('.com').show();
            $('.comTip').text('验证码不能为空！')
            draw(show_num);
            $('#codeVal').val('')
        }else if(num == codeVal){
            draw(show_num);
            $('#codeVal').val('')
            $.post(Url+'/marketing/subscribe.do',{
                phone:CryptoJS.enc.Base64.stringify(encrypt(phone).ciphertext),
                name:CryptoJS.enc.Base64.stringify(encrypt(userName).ciphertext),
                sex:sex,
                order:id,
                city:city
            },function(res){
                if(res.success == 'true'){
                    $('.suc').show()
                }else{
                    $('.com').show();
                    $('.comTip').text(res.message)
                }
            })
        }else{
            $('.com').show();
            $('.comTip').text('验证码错误！请重新输入！')
            draw(show_num);
            $('#codeVal').val('')
        }
    }else{
        $('.com').show();
        $('.comTip').text('请输入正确的手机号码')
    }
})

//红
if(game==1){
    $('.ywzf').show();
    if(id==1){//20
        
    }else if(id==2){//30

    }
}else if(game==2){
    if(id == 1){//20
        $('.rule').show()
        $('.ywzf').show();
        $('.ruleBox').append('<img src="./img2/form.png" alt="">')
        $('.wxts').append('<li>温馨提示：</li>'+
        '<li>1、升档翻倍年包办理后业务次账期生效，年包费用一次性扣除，办理当月赠送10GB国内（不含港澳台）流量。</li>'+
        '<li>2、10GB国内（不含港澳台）流量当账期生效，剩余流量不结转，年包生效前回退，赠送的流量同时失效 。</li>'+
        '<li>3、年包与前期参与模组升档赠费，或其他折扣类赠费等优惠互斥。</li>'+
        '<li>4、年包生效期间如办理套餐降档，年包失效、费用不退、赠送流量取消。</li>'+
        '<li>5、具体业务资费及业务规则以客服人员告知为准。')
        if(city=='jn1224'){
            $('.rule').hide()
            $('.wxts').html("<li>温馨提示:具体业务规则及办理相关注意事项，以客服代表回电告知为准。</li>")
            $('.ruleBox').html('<img src="./img2/jn1224.png" alt="">')
            $('header').css({'background': 'url(./img2/jn1224Head.png)', 'backgroundSize': '100% 100%' })
            $('.ywzf').html("<li style='font-size:.35rem;font-weight:700;'>活动介绍：</li><li>即日起-12月28日24:00预约办理宽带享好礼，推荐好友还可得50元话费奖励。</li>")
            $('.ruleBox').after('<img class="jn1224Href" src="./img2/jn1224Href.png"> </img>');
        }
    }else if(id == 3){//宽带
        $('header').css({ 'background': 'url(./img2/yuyue_02.png)', 'backgroundSize': '100% 100%' })
        $('.ruleBox').append('<img src="./img2/form_family.png" alt="">')
        $('.wxts').append('<li>温馨提示：</li>'+
        '<li>1、办理宽带时“预存120元分24个月返还”和“免预存协议2年”必须二选一。</li>'+
        '<li>2、必选魔百和电视10元/月。</li>'+
        '<li>3、具体业务规则及办理相关注意事项，以客服代表回电告知为准。</li>')
    }else if(id == 4){//加量加价
        $('header').css({ 'background': 'url(./img2/jljjHeader.png)', 'backgroundSize': '100% 100%' })
        $('.ruleBox').append('<img src="./img2/jljj.png" alt="">')
    }
}

//验证码
function draw(show_num) {
    var canvas_width=$('#code').width();
    var canvas_height=$('#code').height();
    var canvas = document.getElementById("code");//获取到canvas的对象，演员
    var context = canvas.getContext("2d");//获取到canvas画图的环境，演员表演的舞台
    canvas.width = canvas_width;
    canvas.height = canvas_height;
    var sCode = "A,B,C,E,F,G,H,J,K,L,M,N,P,Q,R,S,T,W,X,Y,Z,1,2,3,4,5,6,7,8,9,0";
    var aCode = sCode.split(",");
    var aLength = aCode.length;//获取到数组的长度
    for (var i = 0; i <= 3; i++) {
        var j = Math.floor(Math.random() * aLength);//获取到随机的索引值
        var deg = Math.random() * 30 * Math.PI / 180;//产生0~30之间的随机弧度
        var txt = aCode[j];//得到随机的一个内容
        show_num[i] = txt.toLowerCase();
        var x = 10 + i * 20;//文字在canvas上的x坐标
        var y = 20 + Math.random() * 8;//文字在canvas上的y坐标
        context.font = "bold 23px 微软雅黑";

        context.translate(x, y);
        context.rotate(deg);

        context.fillStyle = randomColor();
        context.fillText(txt, 0, 0);

        context.rotate(-deg);
        context.translate(-x, -y);
    }
    for (var i = 0; i <= 5; i++) { //验证码上显示线条
        context.strokeStyle = randomColor();
        context.beginPath();
        context.moveTo(Math.random() * canvas_width, Math.random() * canvas_height);
        context.lineTo(Math.random() * canvas_width, Math.random() * canvas_height);
        context.stroke();
    }
    for (var i = 0; i <= 30; i++) { //验证码上显示小点
        context.strokeStyle = randomColor();
        context.beginPath();
        var x = Math.random() * canvas_width;
        var y = Math.random() * canvas_height;
        context.moveTo(x, y);
        context.lineTo(x + 1, y + 1);
        context.stroke();
    }
}

function randomColor() {//得到随机的颜色值
    var r = Math.floor(Math.random() * 256);
    var g = Math.floor(Math.random() * 256);
    var b = Math.floor(Math.random() * 256);
    return "rgb(" + r + "," + g + "," + b + ")";
}